
<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8" />

    <title>支付系统</title>
    <meta name="description" content="" />
    <meta name="keywords" content="" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=0" />

    <!--<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />-->
    <script>
        var docEl = document.documentElement;
        docEl.style.fontSize = 100 / 375 * docEl.clientWidth  + 'px';
        window.addEventListener('resize', function() {
            docEl.style.fontSize = 100 / 375 * docEl.clientWidth + 'px';
        });
    </script>

    <link rel="stylesheet" href="https://gw.alipayobjects.com/as/g/antui/antui/10.1.32/dpl/antui.css"/>


    <link rel="stylesheet" href="https://gw.alipayobjects.com/as/g/antui/antui/10.1.32/??dpl/widget/message.css,dpl/icon/message.css,dpl/widget/search.css"/>


    <script src="https://gw.alipayobjects.com/as/g/antui/antui/10.1.32/antui.js"></script>
</head>
<body ontouchstart="">
<div class="am-message result">
    <i class="am-icon result error"></i>
    <div class="am-message-main"  th:text="${qrcode}"></div>
    <h1 class="am-message-main" style="color: #FF0004;font-size: 24px" th:text="'￥' + ${channelOrder.amount}"></h1>
    <div class="am-message-sub" th:text="'支付单号：' + ${channelOrder.childOrderno}"></div>
</div>
</body>
</html>